<style>
	@import url('./shulte.css');
</style>
<template>
	<!-- 公共头部 -->
	<!-- <view> <my-header :title="'舒尔特表'" ></my-header></view> -->
	<!-- 舒尔特表 -->
	<view class="game">
		<view class="content">
			<view class="titles"><text  class="marginright10">舒尔特表：{{level}}*{{level}}</text></view>
			<view class="subject">
				<text>限时{{limittime}}秒</text>
			</view>
			<view v-show="gsc_name" class="gscname">{{gsc_name}}</view>
			<view class="contents">
				<view class="unigrid">
					<view class="unigrid_view" v-for="(item,index) in shufflequestion" :style="'width:'+proportion+'%'"  @touchstart="clicknumber(index)" >
						<view  :class="index==selectedindex?'unigrid_td selected_sucess':'unigrid_td'"  :style="'font-size: '+proportion*3+'rpx;padding-bottom:'+proportion+'%;padding-top:'+proportion+'%;text-align: center;'" ><text class="text"  >{{item}}</text></view>
					</view>
				</view>
			</view>
			<!-- 闯关结果 -->
			<!-- 遮罩 -->
			<view v-show="ifpass" class="masking"></view>
			<view class="passTheResult" v-show="ifpass">
				<view class="passTheResultlevel">
					<view class="type-color">{{passtitle}}</view>
					<view><text>用时：</text>{{answertime}}秒</view>
					<view class="zdy_border"><text>得分：</text>{{fraction}}分</view>
					<!-- 关卡 -->
					<view class="level" v-for="(item,index) in btn"   @click="clickList(index)">
						<view class="text" v-show="item">{{item}}</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>
<script type="module" src="./shulte.js"></script>